@charset "UTF-8";

@import '_reset';
@import '_common';

// 中间
section {
	padding: r(89) 0 r(96);
	width: 100%;
	height: 100%;
	overflow: auto;	
	.main {
		width: r(584);
		margin: 0 auto;
		h4 {
			font-size: r(30);
			font-weight: bold;
			display: -webkit-box;
			overflow: hidden;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			text-align: justify;
			margin-top: r(41);
		}
		.date {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			color: $colorGray;
			.date_top {
				i {
					font-size: r(20);
					margin-left: r(30);
				}
			}
			.date_bottom {
				font-size: r(22);
				.author {
					color: $color;
				}
			}
		}
		&>p {
			text-indent: 2em;
			font-size: r(20);
			margin-top: r(34);
			line-height: 1.5;
			color: #8b8b8b;
		}
		img {
			width: 100%;
			margin-top: r(34);
		}
		.function {
			margin-top: r(26);
			border-top: 1px solid $colorGray;
			display: flex;
			justify-content: center;
			padding: r(26) 0 r(56);
			&>div {
				display: flex;
				flex-direction: column;
				align-items: center;
				margin: 0 r(25);
				color: $colorGray;
				i {
					display: flex;
					justify-content: center;
					align-items: center;
					width: r(72);
					height: r(72);
					border: 1px solid #9f9f9f;
					border-radius: 50%;
					font-size: r(40);
				}
				p {
					margin-top: r(8);
					color: #8E8E8E;
				}
			}
		}
	}
}
